<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>

<script lang="ts">
import Vue from 'vue';
import Component from 'vue-class-component';

@Component({})
export default class App extends Vue {}
</script>

<style>
*,
*::before,
*::after {
    box-sizing: border-box;
}
html,
body,
#app {
    box-sizing: border-box;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei';
}
/*美化webkit内核滚动条*/
/* ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: #777;
} */

/*  滚动条的宽度 */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
/* 滚动条的滑块 */
::-webkit-scrollbar-thumb {
    background-color: #c9c9c9;
    border-radius: 3.5px;
    min-width: 12px;
    min-height: 12px;
}

/* 下拉框的滚动条 */
.el-scrollbar__wrap {
    margin-right: -10px !important;
}
</style>
